<template>
	<view class="u-flex-col">
		<view class="fixed">
		<view class="head-height">
			<image :src="bgImage" mode="widthFix" class="image"></image>
		</view>
		</view>
		<u-navbar :title="workerTypeName + '主页'" background="transparent" style="color: #ffffff;background-color: rgba(255, 70, 48, 1);" :bg-image="bgImage" titleColor="#ffffff" back-icon-color="#ffffff"></u-navbar>
		
		<slot></slot>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				workerTypeName: "工长",
				bgImage: 'https://img.aibbyp.com/wechat/images/worker_header.png',
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	
}
.head-height {
	.image {
		width: 750rpx;
		height: 354rpx;
	}
}

.head-height {
	height: 200rpx;
	overflow: hidden;
}
.content-wrap {
	border-radius: 14rpx 14rpx 0 0;
	overflow:hidden;
	position: relative;
	top: -14rpx;
	margin-bottom: -14rpx;
}

.content {
	background-color: #ffffff;
	z-index: 4;
	
}

</style>
